.back{
background-color: aqua;
display: flex;
align-items: center;
flex-direction: column;
background-image: url(https://img1.baidu.com/it/u=2734793979,2130076670&fm=26&fmt=auto&gp=0.jpg);
} 
.title{
  width: 100%;
  height: 50px;
  background-color: tomato;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
}
.ant-carousel .slick-dots{
  position: absolute;
   
    display: flex !important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    top:180px;
}
.ant-carousel .slick-dots li button{
  width: 10px!important;
  height: 10px!important;
  border-radius: 8px!important;

}
.ant-carousel .slick-dots li {
  
  width: 16px!important;
 
}
.ant-carousel .slick-dots li.slick-active {
   width: 0px; 
}
.up{
  background-color: saddlebrown;
  width:70%;
  align-items: center;
  height:200px;
  overflow-y: hidden;
}
.p {
  width:100%;
}
.mid{
  width: 70%;
  height: 800px;
  opacity:  0.9;
  display: flex;
  justify-content: center;

}
.midl{
  height: 800px;
  width: 200px;
  overflow-x: hidden;
  background-color:white;
  
}
.ant-card {
  background:red!important;
  border-radius: 10px!important;
  height:auto;
}
.ant-card-body {
  padding: 6px !important;
}
.ant-menu-submenu span,li,div,ul{
  color:black!important;
}

.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px)!important;
}
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px)!important;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px)!important;
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px)!important;
}
.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
  margin-top: 3px!important;
  margin-bottom: 0px!important; 

}
.midm{

  height: 800px;
  width: 750px;
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  background-color: ivory;
  flex-direction: column;

}
.midr{
  background-color: springgreen;
  height: 700px;
  width: 250px;

}
.down{
display: flex;
height: 100px;
width: 61.8%;
margin-top: 10px;
}
.midbox{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  height: 100%;
}
.box{
  background-color: rgb(252, 238, 200);
  height: 250px;
  width: 170px;
  margin-left: 10px;
  margin-top: 10px;
  border-radius: 8px;
}
#js{
  width: 100%;
  height: 60px;
  background-color: white;

}


.jsu{
  justify-content: space-between;
  display: flex;
  height: 50%;
  border-radius: 6px;

}

.jsur{
  background-color: rgb(50, 180, 17);
  width: 50%;
  flex-direction:row-reverse;
  display: flex;
  border-radius: 6px;

}

.jsul{
  background-color: rgb(34, 126, 133);
  width: 50%;



}
.jsd{
display: flex;
justify-content: space-between;

height: 50%;
}
.jsdl{
background-color: turquoise;
width: 50%;


}
.jsdr{
background-color: yellowgreen;
width: 50%;

flex-direction:row-reverse;
  display: flex;
}
#js2{
  background-color:white;
  height: 100px;
  width: 100%;


}
.jinrujiesuan{
  display: flex;
  justify-content: center;
}
.tx{
  background-color: tomato;
  display: flex;
  margin-top: 10px;
  border-radius: 6px;

}
.dizhi{
  background-color: turquoise;
  border-radius: 6px;

}
.dizhiu{
  display: flex;
  width: 100%;
}
.dizhiur{
  display: flex;
  background-color:yellowgreen;
  width: 50%;
  flex-direction: row-reverse;

}
.bp{
  width: 100%;
  height: 55%;
  background-color:rgba(228, 228, 228, 0.952);
}
input{
  width: 25px;
  height: 25px;

}
.button{
  width: 30px;
  height: 30px;
}
.boxm{
  display: flex;
  background-color: whitesmoke;
  justify-content: space-around;
}
.boxml{
  display: flex;
  background-color: rgb(5, 253, 199);
  width: 50%;
  flex-grow: 1;
}
#boxmr{
  display: flex;
  
}
.midld{
  display: flex;
width: 100%;
height: 200px;
background-color: turquoise;
}